/**代码重置**/
*{margin: 0;padding: 0;border:0;font-family:"Microsoft YaHei",Helvetica,Arial,Tahoma,"微软雅黑","宋体",sans-serif,"VideoJS";}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
a{text-decoration: none;-webkit-tap-highlight-color: transparent;}
li{list-style-type:none;}
dl,dt,dd,img,input,i,ul,p,span{border: none 0;display: block;font-style:normal;}
strong,em,del,dfn,p,address{font-weight: normal;display: block;font-style:normal;}
input,input:focus,input:active{user-select: text;outline:none;}
select,textarea{-webkit-appearance: none;appearance: none;border: 0;resize: none;outline: 0;}
.mainwrap{width: 1000px;margin: 0 auto;}
.section{overflow: hidden;}
/**其它**/
.clears{clear:both;}
.l{float: left;}
.r{float: right;}
.puboverflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/**字体颜色**/
.col333{color: #333;}
.col666{color: #666}
.col999{color: #999}
.colfff{color: white;}
.col37c{color: #37c7b7}
.colccc{color: #ccc;}
/**背景颜色**/
.bg2b{background:url(../images/bg1.png) #2bcd81;}
.bgf0f{background: #f0f0f0;}
/**导航**/
.mainposnav{width: 100%;height: 70px;position: fixed;top: 0;left: 0;z-index: 10;}
.mainMenuBox{height: 94px;}
.mainMenuBox .logo2{width: 150px;height: 70px;background: url(../images/logo2.png) no-repeat 0 -10px;float: left;}
.mainMenuBox .mainMenuNav{float: right;margin-top: 15px;}
.mainMenuBox .mainMenuNav li{float: left;width: 120px;height: 40px;}
.mainMenuBox .mainMenuNav li a{display: block;width: 120px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;font-weight: block}
.mainMenuBox .mainMenuNav li .on{background: white;color:#2bcd81;border-radius: 60px;}
.mainMenuBox .mainMenuNav li .off{color:white;}

.mainposnav_a{width: 100%;height: 70px;position: fixed;top: 0;left: 0;z-index: 10;background: none;}
.mainposnav_a .mainMenuBox{height: 70px;}
.mainposnav_a .mainMenuBox .logo2{width: 150px;height: 70px;background: url(../images/logo2.png) no-repeat 0 -10px;float: left;}
.mainposnav_a .mainMenuBox .mainMenuNav{float: right;margin-top: 15px;}
.mainposnav_a .mainMenuBox .mainMenuNav li{float: left;width: 120px;height: 40px;}
.mainposnav_a .mainMenuBox .mainMenuNav li a{display: block;width: 120px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;font-weight: block}
.mainposnav_a .mainMenuBox .mainMenuNav li .on{background: white;color:#2bcd81;border-radius: 60px;}
.mainposnav_a .mainMenuBox .mainMenuNav li .off{color:white;}

.mainposnav_b{width: 100%;height: 70px;position: fixed;top: 0;left: 0;z-index: 10;background:white;border-bottom: 1px solid #f0f0f0}
.mainposnav_b .mainMenuBox{height: 70px;}
.mainposnav_b .mainMenuBox .logo2{width: 150px;height: 70px;background: url(../images/logo1.png) no-repeat 0 -10px;float: left;}
.mainposnav_b .mainMenuBox .mainMenuNav{float: right;margin-top: 15px;}
.mainposnav_b .mainMenuBox .mainMenuNav li{float: left;width: 120px;height: 40px;}
.mainposnav_b .mainMenuBox .mainMenuNav li a{display: block;width: 120px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;font-weight: block}
.mainposnav_b .mainMenuBox .mainMenuNav li .on{background: #2bcd81;color:white;border-radius: 60px;}
.mainposnav_b .mainMenuBox .mainMenuNav li .off{color:#333;}


/**第一层**/
.mainIndxl{width:56.4%;float: left;}
.mainIndxl .bg-one{width:100%;height:85%;background: url(../images/bannr1-top.png) no-repeat 50px center;background-size: contain;position:absolute;top: 12%;}
.mainIndxr{width: 43.6%;float: right;box-sizing: border-box;padding: 22% 0 0 10%;}
.mainIndxr h1{font-size: 50px;width: 100%;}
.mainIndxr span{font-size: 28px;line-height: 40px;margin:24px 0;}
.mainIndxr a{display: block;width: 262px;height: 79px;background:url(../images/downBtnall.png);position: absolute; }
.mainIndxr img{margin:124px 0 24px;}
#appcodeImg{width:164px;height:auto;}
.mainIndxr p{font-size: 18px;}


/**第二层**/
.pubpostbox{width: 100%;height: 100%;position: relative;}
.pubpostbox .twobgbox .twobg1{
width: 78%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: url(../images/bg3-bgN.png) no-repeat;
background-size: contain;
background-position: center center;
animation: desiBg2 15s cubic-bezier(0.33,0,.67,1) 0s infinite alternate;
-moz-animation: desiBg2 15s cubic-bezier(0.33,0,.67,1) 0s infinite alternate;
-webkit-animation: desiBg2 15s cubic-bezier(0.33,0,.67,1) 0s infinite alternate;
-o-animation: desiBg2 15s cubic-bezier(0.33,0,.67,1) 0s infinite alternate;
}

/**播放**/

.mainwrap .broadcast{
    width: 800px;
    height: 480px;
    position: relative;
    background-image:url(../images/back.png);
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
}
.broadcast #video{
    position:absolute;
    left:250px;
}
.jiange{
    height: 50px;
}




.play-btn {
    width: 84px;
    height: 84px;
    display: block;
    background: url(../images/backicon.png) 0 0 no-repeat;
    position: absolute;
    left: 32%;
    cursor: pointer;
    top: 260px; 
}
 #video{
   
     display: none;

}
.close{
    top:0px;
    right:0;
    position: absolute;
    z-index: 3333;
    background: white;
    display: none;
}
.close_icon{
    width: 40px;
    height:40px;
    opacity: 0.5;
}
.clear{
  
    clear: both;
}
.pubpostbox .twobgbox .twobg2{width:29%;height:18%;position:absolute;left:58%;top:15%;margin-left:-17%;background:url(../images/bg3-bg2N.png) no-repeat;background-size:contain;background-position: center center;animation: desiBg1 12s cubic-bezier(0.33,0,.67,1) .2s infinite alternate;-moz-animation: desiBg1 12s cubic-bezier(0.33,0,.67,1) .2s infinite alternate;-webkit-animation: desiBg1 12s cubic-bezier(0.33,0,.67,1) .2s infinite alternate;-o-animation: desiBg1 12s cubic-bezier(0.33,0,.67,1) .2s infinite alternate;}
.pubpostbox .twobgbox .twobg3{width:79%;height:100%;position:absolute;right:0;top:2%;background:url(../images/bg3-bg1N.png) no-repeat;background-size:contain;background-position: center center;animation: desiBg1 10s cubic-bezier(0.33,0,.67,1) .2s infinite alternate;-moz-animation: desiBg1 10s cubic-bezier(0.33,0,.67,1) .2s infinite alternate;-webkit-animation: desiBg1 10s cubic-bezier(0.33,0,.67,1) .2s infinite alternate;-o-animation: desiBg1 10s cubic-bezier(0.33,0,.67,1) .2s infinite alternate;}
.pubpostbox .mainIntroduceBox{width: 100%;height: 100%;position: absolute;z-index: 2;top: 0;left: 0;}
.pubpostbox .mainIntroduceBox .mainwrap .twoh2{width: 100%;font-size: 30px;font-weight:bold;text-align: center;margin:114px 0 30px 0;}
.pubpostbox .mainIntroduceBox .mainwrap .twospan {display: block;width: 100%;text-align: center;font-size: 20px;}
.pubpostbox .mainIntroduceBox .mainwrap .mainIntroduceCon{width: 100%;margin-top:6%;}
.pubpostbox .mainIntroduceBox .mainwrap .mainIntroduceCon .mainIntroducel{width: 490px;float: left;box-sizing: border-box;padding:0 95px;}
.pubpostbox .mainIntroduceBox .mainwrap .mainIntroduceCon .mainIntroducel i{width: 245px;height: 118px;margin-bottom: 20px;}
.pubpostbox .mainIntroduceBox .mainwrap .mainIntroduceCon .mainIntroducel .miico01{background: url(../images/twoico1.png) no-repeat;background-size: 90%;}
.pubpostbox .mainIntroduceBox .mainwrap .mainIntroduceCon .mainIntroducel .miico02{background: url(../images/twoico2.png) no-repeat;margin-left: 80px;background-size: 90%;}
.pubpostbox .mainIntroduceBox .mainwrap .mainIntroduceCon .mainIntroducel .miico03{background: url(../images/twoico3.png) no-repeat;background-size: 90%;}
.pubpostbox .mainIntroduceBox .mainwrap .mainIntroduceCon .mainIntroducel .miico04{background: url(../images/twoico4.png) no-repeat;margin-left: 80px;background-size: 90%;}
.pubpostbox .mainIntroduceBox .mainwrap .mainIntroduceCon .mainIntroducer{width: 510px;float: left;position: relative;height: 582px;}
.pubpostbox .mainIntroduceBox .mainwrap .mainIntroduceCon .mainIntroducer .miico05{width: 434px;height: 582px;background: url(../images/bg3-pic1N.png) no-repeat;background-size: 90%;position: absolute;z-index: 1;bottom: 0}
.pubpostbox .mainIntroduceBox .mainwrap .mainIntroduceCon .mainIntroducer .miico06{width: 308px;height: 490px;background: url(../images/bg3-picN.png) no-repeat;background-size: 90%;position:absolute;z-index: 2;right: 0;bottom: 0}
/**第三层**/
.threetopwrap{width: 100%;height: 46%;position: absolute;z-index: 1;top: 0}
.threetopwrap .mainAboutTop .aboutLogo{width: 260px;height: 180px;background: url(../images/logo3.png) no-repeat center center;background-size: 30%; border-bottom:1px solid #ccc;margin: 70px auto 20px;}
.threetopwrap .mainAboutTop p{font-size: 16px;text-align: center;width: 100%;line-height: 24px;}
.threebomwrap{width: 100%;height: 54%;position: absolute;z-index: 2;bottom: 0}
.threebomwrap .mainAboutBut .threeh2{width: 100%;font-size: 26px;text-align: center;margin-top: 50px;}
.threebomwrap .mainAboutBut .threespan{width: 100%;font-size: 16px;text-align: center;}
.mainAboutcon{width: 945px;margin: 30px auto 0;text-align: center;}
.mainAboutcon li {width: 272px;display: inline-block;}
.mainAboutcon li img{width: 120px;height: 120px;border-radius: 120px;margin:0 auto;background: white;}
.mainAboutcon li img:hover{
transform: rotate(360deg);
-ms-transform: rotate(360deg);		/* IE 9 */
-webkit-transform: rotate(360deg);	/* Safari and Chrome */
-o-transform: rotate(360deg);		/* Opera */
-moz-transform: rotate(360deg);	


}
.mainAboutcon li em{width: 272px;text-align: center;font-size: 18px;margin:20px 0;}
.per-top-lx-introduce .icon1,.per-top-lc-introduce .picon1{ width:32px; height:30px; background:url(../images/aboutUs_icon.png) 0 0 no-repeat; display:inline-block; margin-right:8px;}
.per-top-lx-introduce .icon2,.per-top-lc-introduce .icon2{ width:32px; height:30px; background:url(../images/aboutUs_icon.png) -45px 0 no-repeat; display:inline-block;margin-bottom:-14px;}
.per-top-lx-introduce p,.per-top-lc-introduce p{font-size:13px; color:#676767; line-height:30px; }
/**第四层**/
.mainContainBox {width: 100%;height: 100%;position: absolute;top: 0}
.mainContainBox .mainwrap .mainContainCon{width: 1000px;height: 30px;margin-top: 200px;}
.mainContainBox .mainwrap .mainContainCon li{float: left;margin-right:24px;}
.mainContainBox .mainwrap .mainContainCon li i{float: left;margin-right:10px;}
.mainContainBox .mainwrap .mainContainCon li span{float: left;font-size: 16px;}
.mainContainBox .mainwrap .mainContainCon .wxico{width: 15px;height: 20px;background: url(../images/aboutUs_icon1.png) no-repeat 0 -31px;}
.mainContainBox .mainwrap .mainContainCon .emailico{width: 21px;height: 17px;background: url(../images/aboutUs_icon1.png) no-repeat;}
.mainContainBox .mainwrap .mainContainCon .addressico{width: 21px;height: 20px;background: url(../images/aboutUs_icon1.png) no-repeat 0 -63px;}
.mainMapbox{width: 1000px;margin-top: 20px;}
.mainMapbox .map{display: block; width: 1000px;height: 50%;position: absolute;}
/**第五层**/
.fivebox{width: 100%;height: 100%;position: absolute;top: 0;padding-top: 120px;box-sizing: border-box;}
.box-seven{ width:100%;background:#fff; padding:2% 0 0;}
@-moz-document url-prefix() {.box-seven {width:100%;background:#fff; padding:3% 0 0;}}
.box-seven h2{font-size:18px; color:#666666; text-align:center;}
.sec-3 ul{margin:1% auto 0; width:845px;}
.sec-3 li{float: left;width:195px;height:195px;border:1px solid #e4e4e4;color:#8b8a8a;font-size:18px;background-color:#fff; position:relative;}
.sec-3 .icon{width:43px;height:50px;display:block;margin:0px auto 18px; position:relative; z-index:10;}
.sec-3 .icon.ios{background:url(../images/icon.png) 0 0 no-repeat;}
.sec-3 .icon.android{background:url(../images/icon.png) -76px 0 no-repeat;width:47px;height:55px;}
.sec-3 a{text-decoration: none;display:block;color:#8b8a8a;padding-top:27%;-webkit-transition: all 0.3s;-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;}
.sec-3 li.down p.on,.sec-3 li.down-android p.on{ color:#fff; position:relative; z-index:10;}
.sec-3 li.down p,li.down-android p{font-size: 18px;font-family:Arial;color:#afafaf; text-align:center; z-index:99}
.sec-3 li.down span.active,.sec-3 li.down-android span.active{opacity:1;filter:alpha(opacity=100);-webkit-filter:alpha(opacity=100);-ms-filter:alpha(opacity=100);-moz-filter:alpha(opacity=100);transform:scale(1,1);-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1); z-index:4;}
.sec-3 li.down.on a,.sec-3 li.down-android.on a{color:#fff;}
.sec-3 li.down .ios.on{background:url(../images/icon.png) 0 -110px no-repeat;}
.sec-3 li.down-android .android.on{background:url(../images/icon.png) -76px -109px no-repeat;}
.sec-3 li.down-android,.ewm-box{ margin-left:125px;}
.ewm-box dl{ width:120px; margin:15% auto 0;}
.ewm-box dl dt{ width:118px; height:118px; margin:0 auto;background:url(../images/appcode.png) no-repeat;background-size: contain;}
.ewm-box dl dd{font-size:18px; color:#afafaf; text-align:center; margin-top:6px;}
.sec-3 li span{width:195px;height:195px;background:#00ba60; position:absolute; top:0;opacity:0; z-index:4;filter:alpha(opacity=0);-webkit-filter:alpha(opacity=0);-ms-filter:alpha(opacity=0);-moz-filter:alpha(opacity=0);transition:all ease .3s;-webkit-transition:all ease .3s;-ms-transition:all ease .3s;-moz-transition:all ease .3s;transform:scale(0.8,.8);-webkit-transform:scale(0.8,.8);-ms-transform:scale(0.8,.8);-moz-transform:scale(0.8,.8);}


.box-seven .join{
    clear:both;
    padding-top:100px;
    margin:0 auto;
}
.box-seven .join .join-img{
    position: relative;
    width: 500px;
    height: 280px;
    margin: 0 auto;
    padding-top: 20px;
}
.box-seven .join .join-bgimg{
    display: block;
    top: 0;
    left: 50%;
    margin-left: -200px;
    width: 400px;
    position: absolute;
    z-index: 10;
}
.box-seven .join a{
    margin: 0;
    padding: 0;
    position: absolute;
    width: 150px;
    height: auto;
    top: 120px;
    left: 50%;
    margin-left: -75px;
    z-index: 20;
}
.box-seven .join a img{
    width:100%;
    height:auto;
}













